.styleHeader {
	text-align: center;
	.header-content {
		height: 872px;
		position: relative;
		overflow: hidden;
		margin-bottom: 36px;
		.scroll-background {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			.mode-bg {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(199, 201, 204, 1);
				perspective: 300;
				z-index: 9;
				opacity: 0;
				.transform-mode {
					transform: rotateX(45deg);
					width: 100%;
					height: 100%;
					background: rgba(212, 211, 219, 1);
					position: absolute;
					bottom: 0;
					left: 0;
				}
			}
			.bottom-line {
				width: 100%;
				height: 40px;
				z-index: 9;
				background: url('https://img14.360buyimg.com/imagetools/jfs/t1/151665/13/5828/18280/5fae1fa4E02f7d472/5f5d7ce0956ffae7.png')
					no-repeat;
				background-size: 100% 100%;
				transform: scaleY(0);
				position: absolute;
				left: 0;
				bottom: -12px;
			}
		}
		.header-img-content {
			z-index: 999;
			height: 620px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-top: 20px;
			.headerImg {
				height: 620px;
			}
		}
		.headerProjectionImg {
			width: 321px;
			height: 26px;
			position: absolute;
			bottom: -8px;
			left: 50%;
			margin-left: -150px;
		}
	}
}
